<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<html>
<head>
<meta charset="utf-8">
<title th:text="${info.get('article').title}"></title>
  <meta name="keywords" content="T-Blog" />
  <meta name="description" content="T-Blog" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link th:href="@{/css/base.css}" rel="stylesheet">
  <link th:href="@{/css/index.css}" rel="stylesheet">
  <link th:href="@{/css/m.css}" rel="stylesheet">
  <link th:href="@{/share/share.min.css}" rel="stylesheet">
  <link rel="stylesheet" type="text/css" th:href="@{/lib/layui/css/layui.css}" />
  <link rel="stylesheet" th:href="@{/css/style.css}" />
  <script type="text/javascript" th:src="@{/js/rotate.js}" ></script>
<!--[if lt IE 9]>
<script src="js/modernizr.js"></script>
<![endif]-->
</head>
<body>
<header>
  <div class="tophead">
    <div class="logo"><img th:src="@{/img/logo.jpg}"  style="width: 60px;height: 60px;margin-top: -12px"/><a href="/">T-Blog</a></div>
    <div id="mnav">
      <h2><span class="navicon"></span></h2>
      <ul>
        <li><a th:href="${'/'}">博客</a></li>
        <li><a th:href="@{/about}">关于我</a></li>
      </ul>
    </div>
    <nav class="topnav" id="topnav">
      <ul>
        <li><a th:href="${'/'}">博客</a></li>
        <li><a th:href="@{/about}">关于我</a></li>
      </ul>
    </nav>
  </div>
</header>
<article>
  <div class="infos" id="infos_share">
    <div class="newsview">
      <h3 class="news_title" th:text="${info.get('article').title}"></h3>
      <div class="news_author"><span class="au01"></span><span class="au02" th:text="${#dates.format(info.get('article').createTime,'yyyy-MM-dd HH:mm:ss')}"></span><span class="au03">共<b th:text="${info.get('article').readNum}"></b>人围观</span></div>
      <div class="tags">
        <span th:each="labe : ${info.get('article').labels}">
          <a th:href="@{'/?type=label&labelId='+${labe.id}}" target="_blank" th:text="${labe.lableName}"></a> &nbsp;
        </span>
      </div>
      <div class="news_about">
        <strong th:utext="${info.get('article').simpleContent}"></strong>
      </div>
      <div class="news_infos" th:utext="${info.get('article').content}">

      </div>

      </div>
    <div style="background:	#4F4F4F">
      <span style="margin-left: 2%;color: white">分享到:</span>
      <div style="margin-left: 5%;margin-top: -5%" class="share" id="info_share"> </div>
    </div>
    <!--PC和WAP自适应版-->
    <div id="SOHUCS"  ></div>
    <script type="text/javascript">
    (function(){
    var appid = 'cyu09YLaU';
    var conf = 'prod_29588aa845ca5cdf8d8b9e443f9876d6';
    var width = window.innerWidth || document.documentElement.clientWidth;
    if (width < 960) {
    window.document.write('<script id="changyan_mobile_js" charset="utf-8" type="text/javascript" src="https://changyan.sohu.com/upload/mobile/wap-js/changyan_mobile.js?client_id=' + appid + '&conf=' + conf + '"><\/script>'); } else { var loadJs=function(d,a){var c=document.getElementsByTagName("head")[0]||document.head||document.documentElement;var b=document.createElement("script");b.setAttribute("type","text/javascript");b.setAttribute("charset","UTF-8");b.setAttribute("src",d);if(typeof a==="function"){if(window.attachEvent){b.onreadystatechange=function(){var e=b.readyState;if(e==="loaded"||e==="complete"){b.onreadystatechange=null;a()}}}else{b.onload=a}}c.appendChild(b)};loadJs("https://changyan.sohu.com/upload/changyan.js",function(){window.changyan.api.config({appid:appid,conf:conf})}); } })(); </script>
  </div>

  <div class="sidebar">
    <div class="about">
      <div class="avatar"> <img th:src="@{/img/head.jpg}" alt=""> </div>
      <p class="abname">dancesmile | 唐小华</p>
      <p class="abposition">java后台、java初级</p>
      <div class="abtext">有理想的'程序猿'，一边工作一边积累经验,分享一些心得</div>
    </div>
    <div class="search">
      <input name="keyboard" id="keyWords" class="input_text" placeholder="请输入关键字" style="color: rgb(153, 153, 153);" type="text">
      <button name="Submit"   class="input_submit" value="搜索" type="button" onclick="index.serach('/')">搜索</button>
    </div>
    <div class="cloud">
      <div class="widget about">
        <strong class="wt">云标签</strong>
        <div class="wc" style="width: 40%;">
          <div id="rotate">
                        <span th:each="labe : ${info.get('labels')}">
                            <a th:href="@{'/?type=label&labelId='+${labe.id}}"  style="left: 185.023px; top: 207.616px; font-size: 17px; opacity: 1.40324; z-index: 1;" th:text="${labe.lableName}" ></a>
                        </span>
            <div class="sep10"></div>
          </div>
        </div>
      </div>
    </div>
    <div class="paihang">
      <h2 class="hometitle">点击排行</h2>
      <ul>
        <li th:each="art : ${info.get('rankings')}">
          <a th:href="@{'/articleInfo/'+${art.id}}" target="_blank" th:text="${art.title}"></a>
        </li>
      </ul>
    </div>
    <div class="links">
      <h2 class="hometitle">友情链接</h2>
      <ul>
        <li th:each="link : ${info.get('links')}">
          <a th:href="${link.urlPath}" th:title="${link.title}" th:text="${link.title}">杨青个人博客</a>
        </li>
      </ul>
    </div>
  </div>
</article>
<div class="blank80">

</div>
<footer>
  <p>Design by <a href="/">T-Blog</a> <a href="/"></a></p>
</footer>
</body>
<script type="text/javascript" th:src="@{/js/jquery-2.0.3.min.js}"></script>
<script type="text/javascript" th:src="@{/js/index.js}"></script>
<script type="text/javascript" th:src="@{/share/jquery.share.min.js}"></script>
<script type="text/javascript">
    $('#info_share').share(/*{sites: ['qzone', 'qq', 'weibo','wechat']}*/);
</script>
</html>




